﻿<!--<!DOCTYPE HTML PUBLIC  "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">-->
<html>
	<link href="css/gadget.css" rel="stylesheet" type="text/css" />
	<script type="text/javascript" src="http://www.google.com/jsapi"></script>
    
	<script type="text/javascript" src="js/popup.js"></script>
	<script type="text/javascript" src="js/stuff.js"></script>
	<script type="text/javascript" src="js/textareaResize.js"></script>
	<script type="text/javascript" src="js/scrollMe.js"></script>
	<script type="text/javascript" src="js/scrollSettings.js"></script>
	<script type="text/javascript" src="js/langRoutine.js"></script>
	<script type="text/javascript" src="js/translate.js"></script>
	<script type="text/javascript" src="js/onload.js"></script>
	
	<script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>
    
	<link href="css/jScrollPane.css" rel="stylesheet" type="text/css" media="all" />
	<script src="js/jquery.mousewheel.js" type="text/javascript"></script>
	<script src="js/jScrollPane.js" type="text/javascript"></script>
	<!--<script src="js/jquery.em.js" type="text/javascript"></script>-->
	
	<script type="text/javascript">
			/* Чтобы можно было использовать свою функцию $*/
			var j$ = jQuery.noConflict();
			
			/* Настройки jScrollPane */
			
			jQuery(document).ready(function($)
			{
				$(function()
				{
					$("#outputScroll").jScrollPane(outputScrollSettings);
				});
			});
	</script>
	
	<body>
		<div id="frame">
				<div id="inputContainer">
                	<div id="inputScroll" class="scroll-pane">
                    	<textarea id="input"></textarea>
                  	</div>
				</div>
                
                <div id="buttons">
               	  <div title="Input language" id="langInContainer">
						<img id="langIn"/>
                	</div>
					<div title="Swap languages" id="langSwitcher"></div>
					<div title="Output language" id="langOutContainer">
						<img id="langOut"/>
	                </div>
    	            <div title="Push to translate" id="translateButton"></div>
        	        <div title="Clear all" id="clearButton"></div>
            	    <div title="About" id="aboutButton"></div>
                	<div style="clear:both;"></div>
                </div>

			
            <div id="outputContainer">
				<div id="outputScroll" class="scroll-pane">
					<textarea id="output" readonly></textarea>
				</div>
			</div>
            
            <div id="branding"> </div>
            
            <div id="aboutContainer">
            	<p style="text-align:center">Google Translate Gadget <br>for Windows Sidebar <br>v1.0.0<br></p>
                <p style="text-align:center"><a href="http://silverghost-and-coob.blogspot.com/">Our blog</a><br></p>
                <p style="text-align:center">Coob and Silver_Ghost, 2010<br></p>
                <p id="closeAbout" style="text-align:center; color:#000; cursor:pointer">Close</p>
            </div>
		</div>
	</body>
</html>